/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed and saved.
 *
 * Add your own CSS or Less to fully customize Atom.
 * If you are unfamiliar with Less, you can read more about it here:
 * http://lesscss.org
 */


/*
 * Examples
 * (To see them, uncomment and save)
 */

// style the background color of the tree view
.tree-view {
  // background-color: whitesmoke;
}

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
  // color: white;
  // background-color: hsl(180, 24%, 12%);
}

// To style other content in the text editor's shadow DOM, use the ::shadow expression
atom-text-editor::shadow .cursor {
  // border-color: red;
}

.markdown-preview[data-use-github-style] .highlight pre, .markdown-preview[data-use-github-style] pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  border-radius: 3px;
  background-color: #31363F;
}

.markdown-preview[data-use-github-style] {
  font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif;
  color: #ABB2BF;
  background-color: #282C34;
}

.markdown-preview[data-use-github-style] h1,.markdown-preview[data-use-github-style] h2{
  color:#FFFFFF;
  border-bottom-color: rgb(64, 64, 64);
}

// 让分割线为灰色虚线，而不是白色实线
.markdown-preview[data-use-github-style] hr {
  height: 0px;
  padding: 0px;
  margin: 16px 0px;
  border: 2px dotted rgb(171, 178, 191);
  background-color: rgb(40, 44, 52);
}

// 让表格表头和第一样背景颜色为灰色而不是白色
.markdown-preview[data-use-github-style] table tr {
  background-color: rgb(49, 54, 63);
}

// 让表头文本为白色
.markdown-preview[data-use-github-style] thead {
  color: white;
}

//
.markdown-preview[data-use-github-style] table thead{
  background-color:
  color:white;
}

// 让表格后面的行背景为灰色而不是白色
.markdown-preview[data-use-github-style] table tr:nth-child(2n) {
  background-color: rgb(49, 54, 63);
}

// 让表格的边线为灰色而不是白色
.markdown-preview[data-use-github-style] table th, .markdown-preview[data-use-github-style] table td {
  border: 1px solid rgb(94, 93, 93);
}

// 让三级标题颜色为白色
.markdown-preview[data-use-github-style] h3,.markdown-preview[data-use-github-style] strong{
  color: rgb(255, 255, 255);
}

// 让代码字体为consolas
.markdown-preview[data-use-github-style] pre.editor-colors {
  font-family: 'consolas';
}
